﻿<!-- indexGuide
    * by li
    * in 2017/9/29 10:00 Friday
-->
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 避免IE使用兼容模式 -->
    <meta name="keywords" content="天越源作，直播，手工艺，人文，定制服务"/>
    <meta name="description"
          content="天越源作——人文视界，共享一刻,让你直达创作现场。 天越源作汇聚有态度的人文内容与创作人，用直播与即时在线的方式提供创意知识与作品。 实现从创作，传播，发行，到营销的一站式服务，为用户呈现创意过程及源头性产品。"/>
    <title>天越源作 - 在乎每一个源头的你</title>
    <link rel="shortcut icon" href="../assets/favicon.ico"/>
    <style>
        html {
            width: 100%;
            height: 100%;
            font-size: 10px;
        }

        body {
            width: 100%;
            height: 100%;
            margin: 0;
        }

        .container {
            width: 100%;
            height: 100%;
            min-width: 1300px;
            min-height: 720px;
            position: relative;
            overflow: hidden;
            background: url("images/back.jpg") no-repeat;
            color: #ffffff;
        }

        .container h1 {
            width: 100%;
            margin-top: 12%;
            font-size: 7.6em;
            height: 1em;
            line-height: .9em;
            text-align: center;

        }

        .container p {
            width: 100%;
            font-size: 5em;
            text-align: center;
            margin: 0;
        }

        .time {
            width: 34.375%;
            height: 16.32%;
            margin: 9% auto 0;

        }

        .time_change {
            width: 100%;
            height: 35%;
            line-height: 35%;
            text-align: center;
            font-size: 3.5em;
        }

        .site_info{
            width: 100%;
            margin-top: 10%;
            box-sizing: border-box;
        }

        .site_info p{
            text-align: center;
            font-size: 13px;
            color: #fff;
            line-height: 24px;
        }

        @media screen and (max-width: 1300px) {
            html {
                font-size: 7px;
            }
        }

        @media screen and (max-width: 1536px ) and (min-width: 1301px) {
            html {
                font-size: 8px;
            }
        }

        @media screen and (max-width: 1728px) and (min-width: 1537px) {
            html {
                font-size: 9px;
            }
        }
    </style>

</head>
<body>
<div class="container">
    <h1>天越源作</h1>
    <p>为匠人打造的文创作品美化工具集</p>
    <!-- 时间轴 -->
    <div class="time">
        <div id="countdown" class="time_change">
            <span>上线倒计时 :</span><i></i>
        </div>
    </div>
    <div class="site_info">
        <p>互联网ICP备案：渝ICP备15011347号-1</p>
    </div>
</div>

<script>
    window.onload = function(){
        var now,//现在时间
                endTime,//上线时间
                time_difference;//倒计时 时间
        now = new Date().getTime();
        endTime = "2017-12-1";
        endTime = endTime.replace(new RegExp("-", "gm"), "/");//分割年月日的-换成/
        endTime = (new Date(endTime)).getTime();//得到上线毫秒数
        time_difference = endTime - now;
        time_difference = parseInt(time_difference / 1000);//改成秒
        var intDiff = parseInt(time_difference);    //倒计时总秒数
        var countdownFun = function(){
            var day = 0,
                    hour = 0,
                    minute = 0,
                    second = 0;//时间默认值
            if (intDiff > 0) {
                //计算相关的天，小时，还有分钟，以及秒
                day = Math.floor(intDiff / (60 * 60 * 24));
                hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
            }

            var countdownDiv = document.getElementById("countdown");
            countdownDiv.innerHTML = "上线倒计时 : " + day + " 天 " + hour + ":" + minute + ":" + second;
            intDiff --;
        };
        countdownFun();
        var changeTime = setInterval(countdownFun, 1000);//循环函数，让时钟运动起来
        if (intDiff < 0) {
            clearInterval(changeTime);
        }
    };
    /*window.onload = function(){
     var now,//现在时间
     endTime,//上线时间
     time_difference;//倒计时 时间

     now = new Date().getTime();
     endTime = "2017-12-1";
     endTime = endTime.replace(new RegExp("-", "gm"), "/");//分割年月日的-换成/
     endTime = (new Date(endTime)).getTime();//得到上线毫秒数
     time_difference = endTime - now;
     time_difference = parseInt(time_difference / 1000);//改成秒

     var intDiff = parseInt(time_difference);    //倒计时总秒数
     var changeTime = setInterval(function () {//循环函数，是时钟运动起来
     var day = 0,
     hour = 0,
     minute = 0,
     second = 0;//时间默认值
     if (intDiff > 0) {
     //计算相关的天，小时，还有分钟，以及秒
     day = Math.floor(intDiff / (60 * 60 * 24));
     hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
     minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
     second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
     }

     var countdownDiv = document.getElementById("countdown");
     countdownDiv.innerHTML = "上线倒计时 : " + day + " 天 " + hour + ":" + minute + ":" + second;
     intDiff -= .01;

     }, 10);
     if (intDiff < 0) {
     clearInterval(changeTime);
     }
     }*/
</script>
</body>
</html>